<!--The content below is only a placeholder and can be replaced.-->
<app-nav></app-nav>
<div class="roster_container">
  <div class="rosters" *ngIf="haveRoster">
      <div class="roster" *ngFor="let roster of classList;let i = index" (click)="goRosterInfo(roster)">
         <div class="heard clearfix">
            <div class="roster_name f_l">{{roster.ClassName}}</div>
            <div class="create f_r">{{roster.Creator}}</div>
         </div>
        <div class="cover" [style.background-image]="'url('+readImg+roster.CoverUrl+')'"></div>
        <div class="bottom clearfix">
          <div class="exist_time f_l">{{roster.CreateTime}} - {{roster.EndTime}}</div>
          <div class="peoples f_r">
            <img src="../../assets/img/renshu.png" alt="" class="people_icon" width="32px" height="20px">
            <span >{{roster.Number}}人</span>
          </div>
        </div>
      </div>
  </div>
   <div class="no_roster" *ngIf="!haveRoster">
     <img src="../../assets/img/book.png" alt="" class="no_roster_icon" width="102px" height="126px">
     <div class="tip">您尚未加入任何花名册</div>
     <div class="tip">请通过"快速进入"加入</div>
   </div>
</div>
